<template>
  <PrivateMessageHeader />
  <ScrollMessageWindow :private-id="privateId" />
  <MessageSendingBox />
</template>

<script setup lang="ts">
import MessageSendingBox from "@/components/message-window/MessageSendingBox.vue";
import PrivateMessageHeader from "@/components/private-letter/private-letter-content/PrivateMessageHeader.vue";
import ScrollMessageWindow from "@/components/message-window/ScrollMessageWindow.vue";
import { usePrivateMessageStore } from "@/store";
import { computed } from "vue";

const privateMessageStore = usePrivateMessageStore();

const props = defineProps<{ privateId: string }>();
const privateId = computed(() => Number.parseInt(props.privateId));

privateMessageStore.selectItem(privateId.value);
</script>
<style scoped></style>
